import { defineStore } from "pinia";
import Cookies from "js-cookie";
//创建仓库
//第一个参数 仓库的名称 等同vuex中的 namespace/模块的名称
//第二个参数 仓库的配置对象 state,getters,actions
//defineStore会返回一个新函数,执行这个新函数就可以得到仓库对象

export const useAppStore = defineStore("app", {
  state() {
    return {
      appName: 1208,
      sidebar: {
        opened: Cookies.get("sideBarStatus")
          ? !!Number(Cookies.get("sideBarStatus"))
          : true,
      },
    };
  },
  getters: {},
  actions: {
    // 切换 sidebar.opened 值
    toggleSidebar() {
      this.sidebar.opened = !this.sidebar.opened;
      Cookies.set("sideBarStatus", Number(this.sidebar.opened) + "");
      //用js-cookie库里面的set方法 设置name和value值 两个都是string, 后面要存储的值可以使用number+''转换为字符串
    },
  },
});
